@font-face {
    font-family: wenziCu;
    src: url(https://img121.7dun.com/20230207NewImg/wuxianshang/wenzi90J.ttf) format('truetype');
}

.content {
    align-items: center;
    background-color: #141414;
    flex-direction: column;
    position: relative;
}

.content,
.content .head {
    display: flex;
    width: 750rpx;
}

.content .head {
    align-items: flex-end;
    background: url('https://img121.7dun.com/yuanqimali/ruleTuiJian/headImg.png') no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    height: 592rpx;
    padding-left: 32rpx;
}

.content .head .haoyou {
    height: 178rpx;
    width: 366rpx;
}

.content .head .haoyou button {
    background: url('https://img121.7dun.com/yuanqimali/ruleTuiJian/tuijianhaoyou.png') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.content .head .haibao {
    height: 178rpx;
    margin-bottom: 14rpx;
    margin-left: -16rpx;
    width: 368rpx;
}

.content .head .haibao button {
    background: url('https://img121.7dun.com/yuanqimali/ruleTuiJian/tuiguanghaibao.png') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.content .rightIcon {
    height: 198rpx;
    position: absolute;
    right: 0;
    top: 494rpx;
    width: 128rpx;
}

.content .cent {
    background: url('https://img121.7dun.com/yuanqimali/ruleTuiJian/chujituijian.png') no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    height: 428rpx;
    margin: 48rpx auto 0;
    padding: 132rpx 28rpx 28rpx 26rpx;
    width: 678rpx;
}

.content .cent .cent-up {
    align-items: center;
    display: flex;
    margin-bottom: 60rpx;
}

.content .cent .cent-up .cent-headimg {
    height: 68rpx;
    margin-right: 22rpx;
    width: 68rpx;
}

.content .cent .cent-up .cent-headimg image {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.content .cent .cent-up .cent-title {
    color: #fff;
    flex: 1;
    font-size: 22rpx;
    font-weight: 600;
}

.content .cent .cent-up .cent-chaxun {
    height: 58rpx;
    width: 158rpx;
}

.content .cent .cent-up .cent-chaxun image {
    height: 100%;
    width: 100%;
}

.content .cent .cent-down {
    display: flex;
    justify-content: space-between;
}

.content .cent .cent-down .cent-down-fl {
    flex: 1;
}

.content .cent .cent-down .cent-down-fl .cent-direct {
    color: #fff;
    font-size: 60rpx;
    font-weight: 700;
    margin-bottom: 20rpx;
    text-align: center;
}

.content .cent .cent-down .cent-down-fl .cent-direct-title {
    color: #fff;
    font-size: 20rpx;
    text-align: center;
}

.content .cent .cent-down .cent-down-fr {
    flex: 1;
}

.content .cent .cent-down .cent-down-fr .cent-all {
    color: #fe2f0a;
    font-size: 60rpx;
    font-weight: 700;
    margin-bottom: 20rpx;
    text-align: center;
}

.content .cent .cent-down .cent-down-fr .cent-all-title {
    color: #fff;
    font-size: 20rpx;
    text-align: center;
}

.content .dengjiguize {
    height: 1270rpx;
    margin: 38rpx auto 0;
    width: 678rpx;
}

.content .dengjiguize image {
    height: 100%;
    width: 100%;
}

.content .xinrendingyi {
    height: 474rpx;
    margin: 54rpx auto 90rpx;
    position: relative;
    width: 684rpx;
}

.content .xinrendingyi .xinrendingyi-img {
    height: 100%;
    width: 100%;
}

.content .xinrendingyi .leftIcon {
    height: 158rpx;
    left: -33rpx;
    position: absolute;
    top: -106rpx;
    width: 116rpx;
}
